<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>事件流</title>
<script type="text/javascript">
	function gotClick(who) {
		document.all.results.innerHTML += who + " 标签被单击<br>";
	}
</script>
</head>
<body onclick="gotClick('body')">
	<h1>事件流测试</h1>
	<table onclick="gotClick('table');">
		<tr onclick="gotClick('tr');">
			<td onclick="gotClick('td');">
				<p onclick="gotClick('p');">
					单击<b onclick="gotClick('b');">这里</b>来观察事件流!
				</p>
			</td>
		</tr>
	</table>
	<hr><br>
	<p id="results"></p>
	<pre>
		<h3>本页代码如下:</h3>
		&lt;body onclick="gotClick('body')"&gt;
			&lt;h1>事件流测试&lt;/h1&gt;
			&lt;table onclick="gotClick('table');"&gt;
				&lt;tr onclick="gotClick('tr');"&gt;
					&lt;td onclick="gotClick('td');"&gt;
						&lt;p onclick="gotClick('p');"&gt;
							单击&lt;b onclick="gotClick('b');"&gt;这里&lt;/b&gt;来观察事件流!
						&lt;/p&gt;
					&lt;/td&gt;
				&lt;/tr&gt;
			&lt;/table&gt;
		&lt;/body&gt;
	</pre>
</body>
</html>